<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <title>display:table实现浮动效果</title>
</head>

<body>

  <style type="text/css" rel="stylesheet">
    .table {
      display: table;
      margin: 5px;
      /* width: 1000px; */
      border: 1px solid #000;
    }

    .row {
      display: table-row;

    }

    .cell {
      display: table-cell;
      border: 1px solid #000;
      padding: 10px;
      /* background-color: red; */
    }
  </style>
  <div class="table">
    <div class="row">
      <div class="cell">内容内容内容内容内容内内容内</div>
      <div class="cell">内容内容内容内容内容内容内容内容内容</div>
      <div class="cell">
        内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
      </div>
    </div>
    <div class="row">
      <div class="cell">内容内容内容内容内容内内容内</div>
      <div class="cell">内容内容内容内容内容内容内容内容内容</div>
      <div class="cell">
        内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
      </div>
    </div>
  </div>
</body>

</html>